import React,{Component} from 'react';
import './home.css'
import $ from 'jquery'
import SearchLayer from '../../common/search/search.bar.js';
import {Grid} from 'antd-mobile';
const data=[];
for(let i=0;i<6;i++){
    data.push({
            icon: 'https://os.alipayobjects.com/rmsportal/IptWdCkrtkAUfjE.png',
            text: "name"+i
    })
}

import ShortItem from '../../common/shortItem.js';
import LongItem from '../../common/longItem.js'
import ActivityItem from '../../common/activityItem.js'
import ShopItem from '../../common/shopItem.js'
import CouponsItem from '../../common/couponsItem.js'
export default class AppHome extends Component{
    render(){
        return(
            <div>
                <SearchLayer />
                <div className="home-header">
                    <img src="" alt="" className="logo"/>
                    <input type="text" className="search" placeholder="搜索店铺、活动、文章"/>
                    <div className="hot-keywords"><a href="">健康</a><a href="">健康</a><a href="">教育</a><a href="">优惠</a></div>
                </div>
                <Grid  className="home-enter" data={data} columnNum={3} hasLine={false} />
                <div className="home-list-content">
                    <div className="home-recommend-title">热门动态</div>
                    <ShortItem/>
                    <LongItem/>
                    <div className="home-recommend-title marginTop">热门活动</div>
                    <ActivityItem/>
                    <ActivityItem/>
                    <div className="home-recommend-title marginTop">热门店铺</div>
                    <ShopItem/>
                    <ShopItem/>
                    <div className="home-recommend-title marginTop">领优惠</div>
                    <CouponsItem />
                </div>

            </div>

        )
    }
}
